<!DOCTYPE html>
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"-->
<!--"http://www.w3.org/TR/html4/strict.dtd">-->

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" href="../../layui-v2.5.6/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../gantt/lib/jquery-ui-1.8.4.css"/>
    <link rel="stylesheet" type="text/css" href="index.css"/>
    <title>运维项目看板</title>
</head>
<body>
<div class="layui-fluid" style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-card">
        <div class="layui-card-body">
            <table class="layui-hide" id="table" lay-filter="layui-table"></table>
        </div>
    </div>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend id="xmxq">项目详情</legend>
    </fieldset>
    <div class="layui-row layui-col-space1">
        <div class="layui-col-xs4">
            <div class="layui-card">
                <div class="layui-card-body">
                    <table class="kpi-table">
                        <tr>
                            <th class="large-kpi-span" colspan="2">净利润</th>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="large-kpi-value" colspan="2" id="jlr">0</td>
                        </tr>
                        <!--<tr>
                            <td colspan="2" id="jlrTarget">目标0，完成率0%</td>
                        </tr>-->
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="kpi-span">销售收入</td>
                            <td class="kpi-span">主营成本</td>
                        </tr>
                        <tr>
                            <td class="kpi-value" id="xssr">0</td>
                            <td class="kpi-value" id="zycb">0</td>
                        </tr>
                        <!--<tr>
                            <td id="xssrTarget">目标0</td>
                            <td id="zycbTarget">目标0</td>
                        </tr>-->
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="kpi-span">直接费用</td>
                            <td class="kpi-span">现金流净额</td>
                        </tr>
                        <tr>
                            <td class="kpi-value" id="zjfy">0</td>
                            <td class="kpi-value" id="xjlje">0</td>
                        </tr>
                        <!--<tr>
                            <td id="zjfyTarget">目标0</td>
                        </tr>-->
                    </table>
                </div>
            </div>
        </div>
        <div class="layui-col-xs4">
            <div class="layui-card">
                <div class="layui-card-body">
                    <table class="kpi-table">
                        <tr>
                            <th class="large-kpi-span" colspan="2">抄表值</th>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="large-kpi-value" colspan="2" id="cbz">0</td>
                        </tr>
                        <!--<tr>
                            <td colspan="2" id="cbzTarget">目标0，完成率0%</td>
                        </tr>-->
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="kpi-span" colspan="2">当前运行台套</td>
                        </tr>
                        <tr>
                            <td class="kpi-value" colspan="2" id="dqyxtt">0</td>
                        </tr>
                        <!--<tr>
                            <td colspan="2" id="dqyxttTarget">目标0</td>
                        </tr>-->
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="kpi-span">节电率</td>
                            <td class="kpi-span">设备运转率</td>
                        </tr>
                        <tr>
                            <td class="kpi-value" id="jdl">0%</td>
                            <td class="kpi-value" id="sbyzl">0%</td>
                        </tr>
                        <!--<tr>
                            <td id="jdlTarget">目标0</td>
                        </tr>-->
                    </table>
                </div>
            </div>
        </div>
        <div class="layui-col-xs4">
            <div class="layui-card">
                <div class="layui-card-body">
                    <table class="kpi-table">
                        <tr>
                            <th class="large-kpi-span" colspan="2">运维项目预警</th>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="kpi-span">质量事故</td>
                            <td class="kpi-span">客户投诉</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="kpi-value" id="zlsg">0</td>
                            <td class="kpi-value" id="khts">0</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                       <!-- <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>-->
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../../gantt/lib/jquery-1.4.2.js"></script>
<script type="text/javascript" src="../../gantt/lib/date.js"></script>
<script type="text/javascript" src="../../gantt/lib/jquery-ui-1.8.4.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script src="../../layui-v2.5.6/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="index.js"></script>
</html>
